<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页布局</title>
</head>
<body>
    <!-- 
        文档是一个多层的结构，学习css，就是学习如何去分别设置每一层结构的样式
        在这些层级中最重要的一个层级就是 文档流 layout
        1.文档流是最底层的一个层级
        2.我们创建的所有元素默认都是在文档流这个层级进行排列
        3.文档流中的元素默认都是从上到下从左到右的形式进行排列布局
     -->

     <!-- 
        文档流基础规则
        文档流将元素划分为3类，根据元素的类型进行排列
        1.块元素
            块元素默认独占一整行
        2.行类元素
            与普通文字一样，遵循从左到右从上到下的方式排列布局
        3.行类块元素
        
      -->
</body>
</html>